﻿/* v1.9.1 */
/* date:2012-07-30 */
/*-------------------------------------
               reset
-------------------------------------*/
html{ -webkit-text-size-adjust:none;}
body{font:12px/1.5em Tahoma,Arial,'\5b8b\4f53',sans-serif; word-break:break-all; word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,footer,header,nav,section{ display:block;}
details,dialog,output,time{ display:inline;}

/*-------------------------------------
               clear
-------------------------------------*/
.clear {clear:both;visibility:hidden; display: block; font-size:0; line-height:0;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}

/*-------------------------------------
               fonts
-------------------------------------*/
/*color*/
.font_red,a.font_red {color:#f00;}a.font_red:hover {color:#af0000;}
.font_scarlet,a.font_scarlet {color:#9f2123;}a.font_scarlet:hover {color:#791315;}
.font_green,a.font_green {color:#4bb200;}a.font_green:hover {color:#3a8a00;}
.font_blue,a.font_blue {color:#06F;}a.font_blue:hover {color:#0088ff;}
.font_yellow,a.font_yellow {color:#ffa800;}a.font_yellow:hover {color:#cf8800;}
.font_orange,a.font_orange {color:#ff7200;}a.font_orange:hover {color:#df6400;}
.font_brown,a.font_brown {color:#875900;}a.font_brown:hover {color:#6e4901;}
.font_gray,a.font_gray {color:#999;}
.font_gray_per30,a.font_gray_per30 {color:#333;}
.font_gray_per60,a.font_gray_per60 {color:#666;}
a.font_gray:hover,a.font_gray_per30:hover,a.font_gray_per60:hover {color:#000;}

/*size*/
.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.yahei,.font_yahei {font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu, sans-serif;}

/*default size*/
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 { font-size:32px; line-height:1.3em;}
h2 { font-size:28px; ine-height:1.2em;}
h3 { font-size:24px; line-height:1.6em;}
h4 { font-size:20px; line-height: 1.25;}
h5 { font-size:16px; ine-height:1.8em;}
h6 { font-size:14px; line-height:1.5em;}
p { line-height:180%;}

/*-------------------------------------------
            Article or pages typography
-------------------------------------------*/
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {font-weight:bold;}
.article h1 { font-size: 24px; line-height:1.3em;margin-bottom: .5em;}
.article h2 { font-size: 22px; ine-height:1.2em;margin-bottom: 0.6em; }
.article h3 { font-size: 20px; line-height:1.6em;margin-bottom: .8em;  }
.article h4 { font-size: 18px; line-height:1.25;margin-bottom: .7em; }
.article h5 { font-size: 16px; font-weight:bold; line-height:1.8em; margin-bottom: .6em;}
.article h6 { font-size: 14px; line-height:1.5em; margin-bottom: .6em; }
.article p { line-height:180%; margin-bottom:15px;}

.article .article-title { font-weight:normal; font-size:20px; text-align:center;}
.article .article-info { text-align:center; margin-bottom:25px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
.article .article-info span { margin:0 10px; color:#888;}
.article .article-content { font-size:14px;}
.article .typeset { margin-bottom:25px;}
blockquote {background:url("images/quote.gif") no-repeat 0 top; display:block; float:left; font-family: Georgia,"Times New Roman",Times,serif; padding:10px 20px 10px 45px; color:#666; font-size:14px;line-height:160%; margin-bottom:15px;} /* 引用 */
blockquote em { color:#999;}
hr{ border:1px solid #ddd; border-width:0 0 1px 0; height:1px; margin:20px 0; clear:both;} /* 分割线 */
.dropcap {float:left;	padding:10px 10px 5px 0; font-weight:bold;}  /* 首字下沉 */
.br {font-size: 0;}

/* typeset */
.typeset:before,.typeset:after{content:"."; display:block; height:0; visibility:hidden;}
.typeset:after{clear:both;}
.typeset{#zoom:1;}
.typeset .adaptive{ overflow:hidden;#zoom:1;}
.typeset .fixed {float:left; margin-right:15px;}
.typeset .fixed img{display:block;}
.typeset .fixedright { float:right; margin-left:15px;}

/*-------------------------------------
            List
-------------------------------------*/
/* Default List */
.article li ul,.article li ol { margin:0; }
.article ul,.article ol { margin: 0 1.5em 1.5em 0; padding-left:1.5em; line-height:180%; }
.article ul { list-style-type:disc;}
.article ol { list-style-type:decimal; margin-left:8px;}
.article dl { margin: 0 0 1.5em 0; }
.article dl dt { font-weight: bold; }
.article dd { margin-left: 1.5em;}
.article ul.iconlist,.article table { margin-bottom:25px;}


/* icon List */
ul.iconlist {padding-left:0; margin:0; line-height:180%;}
ul.iconlist li {list-style:none; background-repeat:no-repeat; background-position:0 6px; padding:2px 0 2px 20px; _height:100%;}
ul.iconlist-arrow li,ul.iconlist li.iconlist-arrow {background-image: url(images/icon/arrow.gif);}
ul.iconlist-check li,ul.iconlist li.iconlist-check {background-image: url(images/icon/check.gif);}
ul.iconlist-point li,ul.iconlist li.iconlist-point {background-image: url(images/icon/point.gif);}
ul.iconlist-del li,ul.iconlist li.iconlist-del {background-image: url(images/icon/del.gif);}
ul.iconlist-delta li,ul.iconlist li.iconlist-delta {background-image: url(images/icon/delta.gif);}
ul.iconlist-dot li,ul.iconlist li.iconlist-dot {background-image: url(images/icon/dot.gif);}
ul.noiconlist {padding-left:0; margin: 0 0 1.5em 0; line-height:180%; }
/* Article List */
ul.article-list li span { float:right; color:#999;}


/*-------------------------------------
              buttons
-------------------------------------*/
.smallbtn,button.smallbtn em { height:25px; border:0 none; cursor: pointer; padding: 0 15px 0 0; text-align: center; text-decoration: none; display:inline-block;}
.smallbtn span {height:25px; line-height:23px; font-size:12px; display:inline-block; padding:0 0 0 15px; white-space:nowrap;}

.medbtn,button.medbtn em {height:35px; border:0 none; cursor: pointer; padding: 0 20px 0 0; text-align:center; text-decoration:none; display:inline-block;}
.medbtn span {height:35px; line-height:33px; font-size:14px; display:inline-block; padding: 0 0 0 20px; white-space:nowrap;}

.bigbtn,button.bigbtn em {height:44px; font-size:18px; border:0 none; cursor:pointer; padding:0 25px 0 0; text-align:center; text-decoration:none; display:inline-block;}
.bigbtn span {font-weight:bold; height:44px; line-height:43px; display:inline-block; padding: 0 0 0 25px; white-space:nowrap;}

.smallbtn-gray span,.medbtn-gray span,.bigbtn-gray span { color:#666; text-shadow: 0 1px 0 #fff;}
.smallbtn-orange span,.medbtn-orange span,.bigbtn-orange span {color:#fff; text-shadow: 0 1px 0 #b75800;}
.smallbtn-green span,.medbtn-green span,.bigbtn-green span { color:#fff; text-shadow: 0 1px 0 #65892a;}
.smallbtn-blue span,.medbtn-blue span,.bigbtn-blue span { color:#fff; text-shadow: 0 1px 0 #0060c2;}
.smallbtn-red span,.medbtn-red span,.bigbtn-red span { color:#fff; text-shadow: 0 1px 0 #af3131;}
.smallbtn-deepgray span,.medbtn-deepgray span,.bigbtn-deepgray span { color:#444; text-shadow:0 1px 0 #fff;}
.smallbtn-palegreen span,.medbtn-palegreen span,.bigbtn-palegreen span {color:#517729; text-shadow: 0 1px 0 #fff;}
.smallbtn-yellow span,.medbtn-yellow span,.bigbtn-yellow span {color:#a03a17; text-shadow: 0 1px 0 #fff;}
.smallbtn-paleblue span,.medbtn-paleblue span,.bigbtn-paleblue span {color:#285986; text-shadow: 0 1px 0 #fff;}
a.smallbtn:link,a.smallbtn:hover,a.medbtn:link,a.medbtn:hover,a.bigbtn:link,,a.bigbtn:hover { text-decoration:none;}

/* ============ small btn =============== */

/* gray small */
.smallbtn-gray,button.smallbtn-gray em {background: url("images/buttons/small-btn-gray.png") no-repeat right -25px;}
.smallbtn-gray span {background: url("images/buttons/small-btn-gray.png") no-repeat left 0;}

/* deepgray small */
.smallbtn-deepgray,button.smallbtn-deepgray em {background: url("images/buttons/small-btn-deepgray.png") no-repeat right -25px;}
.smallbtn-deepgray span {background: url("images/buttons/small-btn-deepgray.png") no-repeat left 0;}

/* orange small */
.smallbtn-orange,button.smallbtn-orange em {background: url("images/buttons/small-btn-orange.png") no-repeat right -25px;}
.smallbtn-orange span {background: url("images/buttons/small-btn-orange.png") no-repeat left 0;}

/* yellow small */
.smallbtn-yellow,button.smallbtn-yellow em {background: url("images/buttons/small-btn-yellow.png") no-repeat right -25px;}
.smallbtn-yellow span {background: url("images/buttons/small-btn-yellow.png") no-repeat left 0;}

/* green small */
.smallbtn-green,button.smallbtn-green em {background: url("images/buttons/small-btn-green.png") no-repeat right -25px;}
.smallbtn-green span {background: url("images/buttons/small-btn-green.png") no-repeat left 0;}

/* palegreen small */
.smallbtn-palegreen,button.smallbtn-palegreen em {background: url("images/buttons/small-btn-palegreen.png") no-repeat right -25px;}
.smallbtn-palegreen span {background: url("images/buttons/small-btn-palegreen.png") no-repeat left 0;}

/* blue small */
.smallbtn-blue ,button.smallbtn-blue em{background: url("images/buttons/small-btn-blue.png") no-repeat right -25px;}
.smallbtn-blue span {background: url("images/buttons/small-btn-blue.png") no-repeat left 0;}

/* paleblue small */
.smallbtn-paleblue ,button.smallbtn-paleblue em{background: url("images/buttons/small-btn-paleblue.png") no-repeat right -25px;}
.smallbtn-paleblue span {background: url("images/buttons/small-btn-paleblue.png") no-repeat left 0;}

/* red small */
.smallbtn-red,button.smallbtn-red em {background: url("images/buttons/small-btn-red.png") no-repeat right -25px;}
.smallbtn-red span {background: url("images/buttons/small-btn-red.png") no-repeat left 0;}

/* black small */
.smallbtn-black,button.smallbtn-black em {background: url("images/buttons/small-btn-black.png") no-repeat right -25px;}
.smallbtn-black span {background: url("images/buttons/small-btn-black.png") no-repeat left 0;}

/* ============ medium btn =============== */

/* gray medium */
.medbtn-gray,button.medbtn-gray em {background: url("images/buttons/medium-btn-gray.png") no-repeat right -35px;}
.medbtn-gray span {background: url("images/buttons/medium-btn-gray.png") no-repeat left 0;}

/* deepgray medium */
.medbtn-palegray,button.medbtn-palegray em {background: url("images/buttons/medium-btn-deepgray.png") no-repeat right -35px;}
.medbtn-palegray span {background: url("images/buttons/medium-btn-deepgray.png") no-repeat left 0;}

/* orange medium */
.medbtn-orange,button.medbtn-orange em {background: url("images/buttons/medium-btn-orange.png") no-repeat right -35px;}
.medbtn-orange span {background: url("images/buttons/medium-btn-orange.png") no-repeat left 0;}

/* green medium */
.medbtn-green,button.medbtn-green em {background: url("images/buttons/medium-btn-green.png") no-repeat right -35px;}
.medbtn-green span {background: url("images/buttons/medium-btn-green.png") no-repeat left 0;}

/* blue medium */
.medbtn-blue,button.medbtn-blue em {background: url("images/buttons/medium-btn-blue.png") no-repeat right -35px;}
.medbtn-blue span {background: url("images/buttons/medium-btn-blue.png") no-repeat left 0;}

/* red medium */
.medbtn-red,button.medbtn-red em {background: url("images/buttons/medium-btn-red.png") no-repeat right -35px;}
.medbtn-red span {background: url("images/buttons/medium-btn-red.png") no-repeat left 0;}

/* black medium */
.medbtn-deepgray,button.medbtn-deepgray em {background: url("images/buttons/medium-btn-deepgray.png") no-repeat right -35px;}
.medbtn-deepgray span {background: url("images/buttons/medium-btn-deepgray.png") no-repeat left 0;}


/* palegreen medium */
.medbtn-palegreen,button.medbtn-palegreen em {background: url("images/buttons/medium-btn-palegreen.png") no-repeat right -35px;}
.medbtn-palegreen span {background: url("images/buttons/medium-btn-palegreen.png") no-repeat left 0;}

/* yellow medium */
.medbtn-yellow,button.medbtn-yellow em {background: url("images/buttons/medium-btn-yellow.png") no-repeat right -35px;}
.medbtn-yellow span {background: url("images/buttons/medium-btn-yellow.png") no-repeat left 0;}

/* paleblue medium */
.medbtn-paleblue,button.medbtn-paleblue em {background: url("images/buttons/medium-btn-paleblue.png") no-repeat right -35px;}
.medbtn-paleblue span {background: url("images/buttons/medium-btn-paleblue.png") no-repeat left 0;}

/* ============ big btn =============== */
/* gray big */
.bigbtn-gray,button.bigbtn-gray em {background: url("images/buttons/big-btn-gray.png") no-repeat right -44px;}
.bigbtn-gray span {background: url("images/buttons/big-btn-gray.png") no-repeat left 0;}

/* deepgray big */
.bigbtn-deepgray,button.bigbtn-deepgray em {background: url("images/buttons/big-btn-deepgray.png") no-repeat right -44px;}
.bigbtn-deepgray span {background: url("images/buttons/big-btn-deepgray.png") no-repeat left 0;}

/* orange big */
.bigbtn-orange,button.bigbtn-orange em {background: url("images/buttons/big-btn-orange.png") no-repeat right -44px;}
.bigbtn-orange span {background: url("images/buttons/big-btn-orange.png") no-repeat left 0;}

/* yellow big */
.bigbtn-yellow,button.bigbtn-yellow em {background: url("images/buttons/big-btn-yellow.png") no-repeat right -44px;}
.bigbtn-yellow span {background: url("images/buttons/big-btn-yellow.png") no-repeat left 0;}

/* green big */
.bigbtn-green,button.bigbtn-green em {background: url("images/buttons/big-btn-green.png") no-repeat right -44px;}
.bigbtn-green span {background: url("images/buttons/big-btn-green.png") no-repeat left 0;}

/* green big */
.bigbtn-palegreen,button.bigbtn-palegreen em {background: url("images/buttons/big-btn-palegreen.png") no-repeat right -44px;}
.bigbtn-palegreen span {background: url("images/buttons/big-btn-palegreen.png") no-repeat left 0;}

/* blue big */
.bigbtn-blue,button.bigbtn-blue em {background: url("images/buttons/big-btn-blue.png") no-repeat right -44px;}
.bigbtn-blue span {background: url("images/buttons/big-btn-blue.png") no-repeat left 0;}

/* paleblue big */
.bigbtn-paleblue,button.bigbtn-paleblue em {background: url("images/buttons/big-btn-paleblue.png") no-repeat right -44px;}
.bigbtn-paleblue span {background: url("images/buttons/big-btn-paleblue.png") no-repeat left 0;}

/* red big */
.bigbtn-red,button.bigbtn-red em {background: url("images/buttons/big-btn-red.png") no-repeat right -44px;}
.bigbtn-red span {background: url("images/buttons/big-btn-red.png") no-repeat left 0;}


/* ============ btn hover =============== */
.smallbtn:hover,button.smallbtn:hover em {background-position:right -75px;}
.smallbtn:hover span {background-position:left -50px;}

.medbtn:hover,button.medbtn:hover em {background-position:right -105px;}
.medbtn:hover span {background-position:left -70px;}

.bigbtn:hover,button.bigbtn:hover em {background-position:right -132px;}
.bigbtn:hover span {background-position:left -88px;}

/* ============ btn active =============== */
.smallbtn:active,button.smallbtn:active em {background-position:right -125px;}
.smallbtn:active span {background-position:left -100px;}

.medbtn:active,button.medbtn:active em {background-position:right -175px;}
.medbtn:active span {background-position:left -140px;}

.bigbtn:active,button.bigbtn:active em {background-position:right -220px;}
.bigbtn:active span {background-position:left -176px;}

/* ============ submit button=============== */
/*html:not([lang*=""]) button.submit-btn {margin: 0 -3px;}*/
button.submit-btn {border:none;background:none;padding:0;margin:0;width:auto;overflow:visible;text-align:center;white-space:nowrap;}
button.submit-btn span, button.submit-btn em{display:inline-block;margin:0;}
button.submit-btn em{font-style:normal;}

/* ============ button with icons =============== */
.smallbtn ins { text-decoration:none; padding-left:18px;}
.smallbtn ins.cart_black { background:url("images/icon/cart_black_s.png") no-repeat left;}
.smallbtn ins.cart_light { background:url("images/icon/cart_light_s.png") no-repeat left;}

.medbtn ins { text-decoration:none; padding-left:20px;}
.medbtn ins.cart_black { background:url("images/icon/cart_black_m.png") no-repeat left;}
.medbtn ins.cart_light {background:url("images/icon/cart_light_m.png") no-repeat left;}

.bigbtn ins { text-decoration:none; padding-left:30px;}
.bigbtn ins.cart_black { background:url("images/icon/cart_black_b.png") no-repeat left;}
.bigbtn ins.cart_light { background:url("images/icon/cart_light_b.png") no-repeat left;}


/*-------------------------------------
                  table
-------------------------------------*/
/* table basic */
.table-basic {border:1px solid #e4e4e4; background:#fefefe; width:100%;}
.table-basic caption {padding: 0 0 15px 0; font-size:22px; text-align: center;}
.table-basic th { font-weight:bold; background:url(images/table_bg.gif) repeat-x bottom; text-shadow: 1px 1px 1px #fff;}
.table-basic th, .table-basic td {padding:10px 10px 10px;}
.table-basic td,.table-basic th {border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}	
.table-basic tr.odd-row td {background:#FBFBFB;}
.table-basic tr.trhover td {background:#f1f7fe;}
/* table undline */
.table-undline {width:100%;}
.table-undline th, .table-undline td {padding:10px 10px 10px; border-bottom:dotted 1px #ddd;}
.table-undline tr.last td { border-bottom:none;}
.table-undline th { font-weight:bold; border-bottom:solid 1px #ddd;}

/*table css3*/
.table-basic tr:nth-child(2n),.table-undline tr:nth-child(2n) {background:#f8f8f8;}
.table-basic tr:hover td,.table-undline tr:hover td {background:#fffff3;}

/*-------------------------------------
               Form
-------------------------------------*/
/*form layout*/
.form_row:before,.form_row:after{content:"."; display:block; height:0; visibility:hidden;}
.form_row:after{clear:both;}
.form_row{#zoom:1; margin-bottom:15px;}
.form_row .control_label {display:block; float:left; margin-right:5px; padding:6px 0; line-height:16px; width:120px; text-align:right;}
.form_row .controls{ overflow:hidden;#zoom:1;}
.form_row .help-block { margin:8px 0 0; line-height:18px; color:#888;}
.form_row .help-inline { display:inline-block; *display:inline; *zoom:1; padding:5px 0; line-height:18px; color:#888;}

/*form skin*/
.form .textInput,.form .textareaInput,.form .selectInput { margin-right:5px; padding:6px 4px; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:normal; border:solid 1px #ddd; background:url(images/input-bg.png) repeat-x top;}
.form .file_input { margin-top:4px;}
.form .radio { display:inline-block; *display:inline; *zoom:1; line-height:24px; margin-right:15px; margin-top:2px;}
.form .radio input { margin-right:5px;}

.form .blured { color:#999;}
.form .focused { color:#333;}
.form .disabled {background-color:#F6F6F6 !important; cursor: not-allowed;}
.form .error .textInput,.form .error .textareaInput,.form .error p { border-color:#ee5764 !important;; color:#ef3142;}

/*form input width*/
.form .textInput, .form .fileUpload, .form .selectInput,.form .textareaInput {width:95%;}
.form .small { width: 25% !important; }
.form .medium{ width: 50% !important; }
.form .large { width: 75% !important; }


/*form css3*/
.textInput:focus,.textareaInput:focus {border-color:rgba(82, 168, 236, 0.8); outline:0;}
.textInput,.textareaInput {-webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}


/*-------------------------------------
              prompt box
-------------------------------------*/
.prompt {border-radius:4px; margin: 0 0 15px; padding-top:1px; background:#F7F7F7;}
.prompt_content {padding:10px 15px;border-radius:4px; _height:100%; position:relative;}
.prompt_gray {border:1px solid #D4D4D4;}
.prompt_gray .prompt_content {background-color:#F8F8F8;}
.prompt_yellow {border:1px solid #FFE778;}
.prompt_yellow .prompt_content {background-color:#FFF4C0;}
.prompt_green {border:1px solid #bbe7a0;}
.prompt_green .prompt_content {background-color:#e0ffcd;}
.prompt_blue {border:1px solid #c7e2ff;}
.prompt_blue .prompt_content {background-color:#dfeeff;}
.prompt_red {border:1px solid #fea7a7;}
.prompt_red .prompt_content {background-color:#ffcfcf;}
.prompt_purple {border:1px solid #c8c3f2;}
.prompt_purple .prompt_content {background-color:#e5e2ff;}
.prompt_yellow .warningbox,.prompt_green .successbox,.prompt_blue .infobox,.prompt_red .errorbox,.prompt_purple .helpbox { padding:10px 10px 10px 45px; line-height:140%;}
.prompt_yellow .warningbox {background:#FFF4C0 url(images/icon/warning_icon.gif) no-repeat 5px 3px; color:#716113;}
.prompt_green .successbox {background:#e0ffcd url(images/icon/success_icon.gif) no-repeat 5px 3px; color:#3a6e1a;}
.prompt_blue .infobox {background:#dfeeff url(images/icon/info_icon.gif) no-repeat 5px 3px; color:#2273cb;}
.prompt_red .errorbox {background:#ffcfcf url(images/icon/error_icon.gif) no-repeat 5px 3px; color:#771f1f;}
.prompt_purple .helpbox {background:#e5e2ff url(images/icon/help_icon.gif) no-repeat 5px 3px; color:#3b337f;}

a.prompt_cloose { display:block; height:14px; width:14px; line-height:14px; position:absolute; top:5px; right:8px; font-size:14px; font-weight:bold; text-decoration:none; color:#999;}
a.prompt_cloose:hover { color:#666; text-decoration:none; cursor:pointer;}

/*-------------------------------------
              Paging
-------------------------------------*/
.paging {padding:4px; margin:3px; text-align:center; clear:both;}
.paging a {background-color:#FFF; color:#777; border:#cacaca 1px solid; margin:0 2px; padding:5px 10px; text-decoration: none; background:url("images/paging.gif") repeat-x top;}
.paging a:hover {border:#cacaca 1px solid; color:#333; background-position:bottom;}
.paging a:active {margin:0 2px; padding:5px 10px; border:#a0a0a0 1px solid;}
.paging span.current {margin:0 2px; padding:5px 10px; border:none; color:#06C; font-weight:bold;}
.paging span.disabled {margin-right: 2px; padding:5px 10px; border:#f3f3f3 1px solid; color:#ccc;}

/*-------------------------------------
   Columns
-------------------------------------*/
.column:after {clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0;  min-height: 0; visibility: hidden;*zoom:1;}
.column {width:100%;}
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4{float:left;}
/* default marg-per3 margin right 3% */
.column .col-2-1 {width: 48.5%; margin-right:3%;}
.column .col-3-1 {width: 31.3333%; margin-right:3%;}
.column .col-4-1 {width: 22.75%; margin-right:3%;}
.column .col-5-1 {width: 17.6%; margin-right:3%;}
.column .col-3-2 {width: 65.6666%; margin-right:3%;}
.column .col-4-2 {width: 48.5%; margin-right:3%;}
.column .col-4-3 {width: 74.25%; margin-right:3%;}
.column .col-5-2 {width: 38.2%; margin-right:3%;}
.column .col-5-3 {width: 58.8%; margin-right:3%;}
.column .col-5-4 {width: 79.4%; margin-right:3%;}
/*margin right 0%*/
.marg-per0 .col-2-1 {width: 50%; margin-right:0;}
.marg-per0 .col-3-1 {width: 33.3333%; margin-right:0;}
.marg-per0 .col-4-1 {width: 25%; margin-right:0;}
.marg-per0 .col-5-1 {width: 20%; margin-right:0;}
.marg-per0 .col-3-2 {width: 66.6666%; margin-right:0;}
.marg-per0 .col-4-2 {width: 50%; margin-right:0;}
.marg-per0 .col-4-3 {width: 75%; margin-right:0;}
.marg-per0 .col-5-2 {width: 40%; margin-right:0;}
.marg-per0 .col-5-3 {width: 60%; margin-right:0;}
.marg-per0 .col-5-4 {width: 80%; margin-right:0;}
/*margin right 1%*/
.marg-per1 .col-2-1 {width: 49.5%; margin-right:1%;}
.marg-per1 .col-3-1 {width: 32.6667%; margin-right:1%;}
.marg-per1 .col-4-1 {width: 24.25%; margin-right:1%;}
.marg-per1 .col-5-1 {width: 19.2%; margin-right:1%;}
.marg-per1 .col-3-2 {width: 66.3333%; margin-right:1%;}
.marg-per1 .col-4-2 {width: 49.5%; margin-right:1%;}
.marg-per1 .col-4-3 {width: 74.75%; margin-right:1%;}
.marg-per1 .col-5-2 {width: 39.4%; margin-right:1%;}
.marg-per1 .col-5-3 {width: 59.6%; margin-right:1%;}
.marg-per1 .col-5-4 {width: 79.8%; margin-right:1%;}
/*margin right 2%*/
.marg-per2 .col-2-1 {width: 49%; margin-right:2%;}
.marg-per2 .col-3-1 {width: 32%; margin-right:2%;}
.marg-per2 .col-4-1 {width: 23.5%; margin-right:2%;}
.marg-per2 .col-5-1 {width: 18.4%; margin-right:2%;}
.marg-per2 .col-3-2 {width: 66%; margin-right:2%;}
.marg-per2 .col-4-2 {width: 49%; margin-right:2%;}
.marg-per2 .col-4-3 {width: 74.5%; margin-right:2%;}
.marg-per2 .col-5-2 {width: 38.8%; margin-right:2%;}
.marg-per2 .col-5-3 {width: 59.2%; margin-right:2%;}
.marg-per2 .col-5-4 {width: 79.6%; margin-right:2%;}
/*margin right 4%*/
.marg-per4 .col-2-1 {width: 48%; margin-right:4%;}
.marg-per4 .col-3-1 {width: 30.6667%; margin-right:4%;}
.marg-per4 .col-4-1 {width: 22%; margin-right:4%;}
.marg-per4 .col-5-1 {width: 16.8%; margin-right:4%;}
.marg-per4 .col-3-2 {width: 65.3333%; margin-right:4%;}
.marg-per4 .col-4-2 {width: 48%; margin-right:4%;}
.marg-per4 .col-4-3 {width: 74%; margin-right:4%;}
.marg-per4 .col-5-2 {width: 37.6%; margin-right:4%;}
.marg-per4 .col-5-3 {width: 58.4%; margin-right:4%;}
.marg-per4 .col-5-4 {width: 79.2%; margin-right:4%;}
/*margin right 5%*/
.marg-per5 .col-2-1 {width: 47.5%; margin-right:5%;}
.marg-per5 .col-3-1 {width: 30%; margin-right:5%;}
.marg-per5 .col-4-1 {width: 21.25%; margin-right:5%;}
.marg-per5 .col-5-1 {width: 16%; margin-right:5%;}
.marg-per5 .col-3-2 {width: 65%; margin-right:5%;}
.marg-per5 .col-4-2 {width: 47.5%; margin-right:5%;}
.marg-per5 .col-4-3 {width: 73.75%; margin-right:5%;}
.marg-per5 .col-5-2 {width: 37%; margin-right:5%;}
.marg-per5 .col-5-3 {width: 58%; margin-right:5%;}
.marg-per5 .col-5-4 {width: 79%; margin-right:5%;}
/*last col*/
.column .last,.column .last-col {margin-right:0; *float:right; *clear:right;}


/*-------------------------------------
           margin and padding
-------------------------------------*/
.nomargin { margin:0 !important;}
.margin5 { margin:5px !important;} .margin10 { margin:10px !important;} .margin15 { margin:15px !important;} .margin20 { margin:20px !important;} .margin25 { margin:25px !important;}
.margin_t5 {margin-top:5px !important;} .margin_b5 {margin-bottom:5px !important;} .margin_l5 {margin-left:5px !important;} .margin_r5 {margin-right:5px !important;}
.margin_t10 {margin-top:10px !important;} .margin_b10 {margin-bottom:10px !important;} .margin_l10 {margin-left:10px !important;} .margin_r10 {margin-right:10px !important;}
.margin_t15 {margin-top:15px !important;} .margin_b15 {margin-bottom:15px !important;} .margin_l15 {margin-left:15px !important;} .margin_r15 {margin-right:15px !important;}
.margin_t20 {margin-top:20px !important;} .margin_b20 {margin-bottom:20px !important;} .margin_l20 {margin-left:20px !important;} .margin_r20 {margin-right:20px !important;}
.margin_t25 {margin-top:25px !important;} .margin_b25 {margin-bottom:25px !important;} .margin_l25 {margin-left:25px !important;} .margin_r25 {margin-right:25px !important;}

.nopadding { padding:0 !important;}
.padding5 { margin:5px !important;} .padding10 { margin:10px !important;} .padding15 { margin:15px !important;} .padding20 { margin:20px !important;} .padding25 { margin:25px !important;}
.padding_t5 {padding-top:5px !important;} .padding_b5 {padding-bottom:5px !important;} .padding_l5 {padding-left:5px !important;} padding_r5 {padding-right:5px !important;}
.padding_t10 {padding-top:10px !important;} .padding_b10 {padding-bottom:10px !important;} .padding_l10 {padding-left:10px !important;} padding_r10 {padding-right:10px !important;}
.padding_t15 {padding-top:15px !important;} .padding_b15 {padding-bottom:15px !important;} .padding_1l5 {padding-left:15px !important;} padding_r15 {padding-right:15px !important;}
.padding_t20 {padding-top:20px !important;} .padding_b20 {padding-bottom:20px !important;} .padding_20 {padding-left:20px !important;} padding_r20 {padding-right:20px !important;}
.padding_t25 {padding-top:25px !important;} .padding_b25 {padding-bottom:25px !important;} .padding_25 {padding-left:25px !important;} padding_r25 {padding-right:25px !important;}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{margin:0;padding:0;line-height:0%;font-size:0;}
ul.breadcrumbs li{list-style-type:none;margin:0;padding:0;display:inline-block;*display:inline; /* IE ONLY*/zoom:1;line-height:100%;font-size:14px;}
ul.breadcrumbs li a{display:inline-block;*display:inline;position:relative;padding:5px 15px 5px 5px;font-size:12px;zoom:1;margin:0;background:url(images/icon-arrow-right.png) no-repeat right center;}
ul.breadcrumbs li.last a{color:#333;cursor: default;text-decoration:none;background:none;}
ul.breadcrumbs li.last a:hover{text-decoration:none;}

/*-------------------------------------
           progress
-------------------------------------*/
.progre { border:solid 1px #ddd; border-top:solid 1px #bababa; height:16px; background:url(images/progre_bg.gif) repeat-x top; position:relative;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.progre .progremin { display:block;  height:18px; line-height:18px; position:absolute; left:-1px; top:-1px; background:url(images/progre_bg.gif) repeat-x; text-align:center;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow: 1px 1px 1px #444; color:#FFF;}

.pro_blue .progremin {border-left:solid 1px #1667b4; border-right:solid 1px #1667b4; background-position: 0 -16px;}
.pro_yellow .progremin {border-left:solid 1px #967a02; border-right:solid 1px #967a02; background-position: 0 -34px;}
.pro_green .progremin {border-left:solid 1px #70c031; border-right:solid 1px #70c031; background-position: 0 -52px;}



/*-------------------------------------
           tips
-------------------------------------*/
.tooltip{position:relative; _height:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:2px 2px 5px rgba(125,125,125,0.3);padding:5px 10px; line-height:20px;
 }
/*.tip_content { padding:5px 10px; line-height:20px;}*/
.l_arrow {padding:0; margin:0;}
.arrow{display:block;text-decoration:none;width:0;height:0;font-size:0;line-height:0;overflow:hidden;border-width:10px;	position:absolute;border-color:transparent;border-style:dashed;}
.arrow_inner {border-color:transparent;}

/*left tip*/
.l_arrow .arrow{border-right-style:solid;left:-20px;top:50%;margin-top:-10px;}
.l_arrow .arrow_inner{left:-19px;}

/*right tip*/
.r_arrow .arrow{border-left-style:solid;right:-20px;top:50%;margin-top:-10px;}
.r_arrow .arrow_inner{right:-19px;}

/*top tip*/
.t_arrow .arrow{border-top-style:solid;bottom:-20px;left:50%;margin-left:-10px;}
.t_arrow .arrow_inner{bottom:-19px;}

/*bottom tip*/
.b_arrow .arrow{border-bottom-style:solid;top:-20px;left:50%;margin-left:-10px;}
.b_arrow .arrow_inner{top:-19px;}

/*gray tip*/
.gray_tip { border:solid 1px #ccc; background:#f5f5f5;}
.gray_tip .l_arrow .arrow {border-right-color:#ccc;}
.gray_tip .l_arrow .arrow_inner {border-right-color:#f5f5f5;}
.gray_tip .r_arrow .arrow {border-left-color:#ccc;}
.gray_tip .r_arrow .arrow_inner {border-left-color:#f5f5f5;}
.gray_tip .t_arrow .arrow {border-top-color:#ccc;}
.gray_tip .t_arrow .arrow_inner {border-top-color:#f5f5f5;}
.gray_tip .b_arrow .arrow {border-bottom-color:#ccc;}
.gray_tip .b_arrow .arrow_inner {border-bottom-color:#f5f5f5;}

/*yellow tip*/
.yellow_tip { border:solid 1px #f7c735; background:#ffffaa;}
.yellow_tip .l_arrow .arrow {border-right-color:#f7c735;}
.yellow_tip .l_arrow .arrow_inner {border-right-color:#ffffaa;}
.yellow_tip .r_arrow .arrow {border-left-color:#f7c735;}
.yellow_tip .r_arrow .arrow_inner {border-left-color:#ffffaa;}
.yellow_tip .t_arrow .arrow {border-top-color:#f7c735;}
.yellow_tip .t_arrow .arrow_inner {border-top-color:#ffffaa;}
.yellow_tip .b_arrow .arrow {border-bottom-color:#f7c735;}
.yellow_tip .b_arrow .arrow_inner {border-bottom-color:#ffffaa;}

/*blue tip*/
.blue_tip { border:solid 1px #84a9d6; background:#afd3fc;}
.blue_tip .l_arrow .arrow {border-right-color:#6091cc;}
.blue_tip .l_arrow .arrow_inner {border-right-color:#afd3fc;}
.blue_tip .r_arrow .arrow {border-left-color:#6091cc;}
.blue_tip .r_arrow .arrow_inner {border-left-color:#afd3fc;}
.blue_tip .t_arrow .arrow {border-top-color:#6091cc;}
.blue_tip .t_arrow .arrow_inner {border-top-color:#afd3fc;}
.blue_tip .b_arrow .arrow {border-bottom-color:#6091cc;}
.blue_tip .b_arrow .arrow_inner {border-bottom-color:#afd3fc;}

/*green tip*/
.green_tip { border:solid 1px #bbe0b0; background:#eafee4;}
.green_tip .l_arrow .arrow {border-right-color:#bbe0b0;}
.green_tip .l_arrow .arrow_inner {border-right-color:#eafee4;}
.green_tip .r_arrow .arrow {border-left-color:#bbe0b0;}
.green_tip .r_arrow .arrow_inner {border-left-color:#eafee4;}
.green_tip .t_arrow .arrow {border-top-color:#bbe0b0;}
.green_tip .t_arrow .arrow_inner {border-top-color:#eafee4;}
.green_tip .b_arrow .arrow {border-bottom-color:#bbe0b0;}
.green_tip .b_arrow .arrow_inner {border-bottom-color:#eafee4;}


/*-------------------------------------
               tabs
-------------------------------------*/
.tabs:after {visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.tabs{*zoom:1; border-bottom:1px solid #ddd; padding:0; margin:0; list-style:none;}
.tabs li{ float:left; vertical-align:bottom; margin-right:4px;}
.tabs li a{ position:relative; top:1px; float:left; height:31px; padding-left:15px; background:url(images/tabs_bg.png) 0 0 no-repeat;}
.tabs li a span{ float:left; display:inline; height:31px; font-size:12px; color:#888; line-height:31px; padding-right:15px; background:url(images/tabs_bg.png) right -50px no-repeat; cursor:pointer;}
.tabs li a:hover { background-position:0 -100px; text-decoration:none;}
.tabs li a:hover span{ background-position:right -150px; color:#222;}
.tabs li a.current {height:32px; background-position:0 -100px; top:1px; border-bottom:none;}
.tabs li a.current span{height:32px; line-height:32px; background-position:right -150px; font-weight:bold; color:#333;}
.tabs_content{ margin-bottom:10px; border:1px solid #ddd; border-top:none;}
.tab_box { padding:15px;}

/* accordion */
.accordion {border-bottom:1px solid #ddd;}
.accordion .accordion-tit {background:url(images/tab_bg.jpg) repeat-x top; border:1px solid #D4D4D4; border-bottom:none; _height:100%;}
.accordion .accordion-tit a { background:url(images/icon/acc-plus.gif) no-repeat 10px; display:block; line-height:18px; padding:8px 20px 8px 30px; font-size:12px;color:#777; text-decoration:none;}
.accordion .accordion-tit a:hover { text-decoration:none; color:#333;}
.accordion .accordion-tit.current a {color:#000;background:url(images/icon/acc-reduce.gif) no-repeat 10px; font-weight:bold; }
.accordion .accordion-pane { display:none; background:#fff; border:1px solid #D4D4D4; border-bottom:none; padding:15px;}


/*------------------------------------------------------
  *****************  old common css  *******************
-------------------------------------------------------*/
/* color */
.red{color:#f00 !important;}
a.red{ text-decoration:underline;}
a.red:hover{ color:#ff4e00 !important;}

.green{color:#060 !important;}
a.green{ text-decoration:underline;}
a.green:hover{ color:#009b00 !important;}

.blue{color:#06F !important;}
a.blue{ text-decoration:underline;}
a.blue:hover{ color:#0088ff !important;}

.yellow{color:#FF0 !important;}
a.yellow{ text-decoration:underline;}
a.yellow:hover{ color:#fff !important;}

.gray{color:#999 !important;}
a.gray{ text-decoration:underline;}
a.gray:hover{ color:#666 !important;}

.gray3{color:#333 !important;}
a.gray3{ text-decoration:underline;}
a.gray3:hover{ color:#111 !important;}

.gray6{color:#666 !important;}
a.gray6{ text-decoration:underline;}
a.gray6:hover{ color:#333 !important;}

.orange{color:#F60 !important;}
a.orange{ text-decoration:underline;}
a.orange:hover{ color:#f90 !important;}

.d_red{color:#c41d20 !important;}
a.d_red{ text-decoration:underline;}
a.d_red:hover{ color:#f00 !important;}

.d_blue{ color:#1d77bc !important;}
a.d_blue{ text-decoration:underline;}
a.d_blue:hover{ color:#2491dd !important;}

.brown{ color:#875900 !important;}
a.brown{ text-decoration:underline;}
a.brown:hover{ color:#b47700 !important;}

.top-1,.top_space-1{ margin-top:-1px !important;}
.top5,.top_space5{ margin-top:5px !important;}
.top10,.top_space10{ margin-top:10px !important;}
.top20,.top_space20{ margin-top:20px !important;}
.bottom5{ margin-bottom:5px !important;}
.bottom10{ margin-bottom:10px !important;}
.bottom20{ margin-bottom:20px !important;}
.left5{ margin-left:5px !important;}
.left10{ margin-left:10px !important;}
.left20{ margin-left:20px !important;}
.right5{ margin-right:5px !important;}
.right10{ margin-right:10px !important;}
.right20{ margin-right:20px !important;}

.f12,.font12{font-size:12px !important;}
.f14,.font14{font-size:14px !important;}
.f18,.font18{font-size:18px !important;}
.f21,.font21{font-size:21px !important;}
.indent2{text-indent:2em !important;}
.fl,.float_left{float:left !important;}
.fr,.float_right{float:right !important;}
.yahei{ font-family:Microsoft YaHei,'\5b8b\4f53', sans-serif !important;}

img.wb{ padding:1px; border:1px solid #e1e1e1; background:#fff;}
/*-- buttons --*/
.btn_style01,
.btn_style01 span,
.btn_style01 input{ height:25px; line-height:25px; font-size:12px; color:#324678;}
.btn_style01{ display:inline-block;vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style01 span,
.btn_style01 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style01:hover{ background-position:0 -100px;}
.btn_style01:hover span,
.btn_style01:hover input{ background-position:right -150px; color:#1d77bc;}

.btn_style02,
.btn_style02 span,
.btn_style02 input{ height:25px; line-height:25px; font-size:12px; color:#fff3e6;}
.btn_style02{ display:inline-block; vertical-align:middle; padding-left:10px;background:url(images/btn_nav.png) 0 -200px no-repeat;text-decoration:none !important;}
.btn_style02 span,
.btn_style02 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -250px no-repeat; overflow:visible; cursor:pointer;}
.btn_style02:hover{ background-position:0 -300px;}
.btn_style02:hover span,
.btn_style02:hover input{ background-position:right -350px; color:#fff;}

.btn_style03,
.btn_style03 span,
.btn_style03 input{ height:25px; line-height:25px; font-size:12px; color:#fff0e9;}
.btn_style03{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -400px no-repeat;text-decoration:none !important;}
.btn_style03 span,
.btn_style03 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -450px no-repeat; overflow:visible; cursor:pointer;}
.btn_style03:hover{ background-position:0 -500px;}
.btn_style03:hover span,
.btn_style03:hover input{ background-position:right -550px; color:#fff;}

.btn_style04,
.btn_style04 span,
.btn_style04 input{height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style04{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -600px no-repeat;text-decoration:none !important;}
.btn_style04 span,
.btn_style04 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -650px no-repeat; overflow:visible; cursor:pointer;}
.btn_style04:hover{ background-position:0 -700px;}
.btn_style04:hover span,
.btn_style04:hover input{ background-position:right -750px; color:#1d77bc;}

.btn_style05,
.btn_style05 span,
.btn_style05 input{ height:25px; line-height:25px; font-size:12px; color:#248001;}
.btn_style05{ display:inline-block; height:25px;vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -800px no-repeat;text-decoration:none !important;}
.btn_style05 span,
.btn_style05 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -850px no-repeat; overflow:visible; cursor:pointer;}
.btn_style05:hover{ background-position:0 -900px;}
.btn_style05:hover span,
.btn_style05:hover input{ background-position:right -950px; color:#4a9828;}

.btn_style06,
.btn_style06 span,
.btn_style06 input{height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style06{ display:inline-block; vertical-align:middle; padding-left:20px; background:url(images/btn_nav.png) 0 -1000px no-repeat;text-decoration:none !important;}
.btn_style06 span,
.btn_style06 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1050px no-repeat; overflow:visible; cursor:pointer;}
.btn_style06:hover{ background-position:0 -1100px;}
.btn_style06:hover span,
.btn_style06:hover input{ background-position:right -1150px; color:#1d77bc;}

.btn_style07,
.btn_style07 span,
.btn_style07 input{ height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style07{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -1200px no-repeat;text-decoration:none !important;}
.btn_style07 span,
.btn_style07 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1250px no-repeat; overflow:visible; cursor:pointer;}
.btn_style07:hover{ background-position:0 -1300px;}
.btn_style07:hover span,
.btn_style07:hover input{ background-position:right -1350px; color:#1d77bc;}

.btn_style08,
.btn_style08 span,
.btn_style08 input{ height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style08{ display:inline-block; vertical-align:middle; padding-left:20px;background:url(images/btn_nav.png) 0 -1400px no-repeat;text-decoration:none !important;}
.btn_style08 span,
.btn_style08 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1450px no-repeat; overflow:visible; cursor:pointer;}
.btn_style08:hover{ background-position:0 -1500px;}
.btn_style08:hover span,
.btn_style08:hover input{ background-position:right -1550px; color:#1d77bc;}

.btn_style09,
.btn_style09 span,
.btn_style09 input{height:25px; line-height:25px; font-size:12px; color:#edf4fb; }
.btn_style09{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav02.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style09 span,
.btn_style09 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav02.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style09:hover{ background-position:0 -100px;}
.btn_style09:hover span,
.btn_style09:hover input{ background-position:right -150px; color:#fff;}
.btn_style10,
.btn_style10 span,
.btn_style10 input{height:25px; line-height:25px; font-size:12px; color:#f4f8eb; }
.btn_style10{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav03.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style10 span,
.btn_style10 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav03.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style10:hover{ background-position:0 -100px;}
.btn_style10:hover span,
.btn_style10:hover input{ background-position:right -150px; color:#fff;}

/*-- static button--*/
.staic_btn_style01{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px;vertical-align:middle; text-align:center;color:#fff2e6; background:url(images/staic_btn_nav.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style01:hover{ background-position:0 -50px; color:#fff;}

.staic_btn_style02{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#474747; background:url(images/staic_btn_nav.png) 0 -100px no-repeat; cursor:pointer;}
.staic_btn_style02:hover{ background-position:0 -150px; color:#1d77bc;}

.staic_btn_style03{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#dceff8; background:url(images/staic_btn_nav2.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style03:hover{ background-position:0 -50px; color:#fff;}

.staic_btn_style04{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#e5eed0; background:url(images/staic_btn_nav3.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style04:hover{ background-position:0 -50px; color:#fff;}

/*-- paging --*/
div.quotes {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px 3px 3px; padding-top: 3px; text-align: center; clear:both;}
div.quotes a {background-color:#FFF; border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none}
div.quotes a:hover {border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid}
div.quotes a:active {border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid}
div.quotes span.current {border-right: #e0e0e0 1px solid; padding-right: 5px; border-top: #e0e0e0 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #e0e0e0 1px solid; background-color: #f0f0f0}
div.quotes span.disabled {border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid}

/*-- slide star --*/
.slide_stars{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative; width:55px; height:11px; font-size:11px; background:url(images/l_star.gif) 0 -20px repeat-x; overflow:hidden;}
.slide_stars .s_star{ float:left;}
.slide_stars .s_star a{ position:absolute; z-index:30; display:block; width:1em; height:1em; font-size:11px; outline:none; text-indent:-999em;}
.slide_stars .s_star a:hover{ background:url(images/l_star.gif) 0 -40px repeat-x;}
.slide_stars .s_star a.st1{left:0;}
.slide_stars .s_star a.st1:hover{ z-index:2;}
.slide_stars .s_star a.st2{left:1em;}
.slide_stars .s_star a.st2:hover{ left:0;z-index:2; width:2em;}
.slide_stars .s_star a.st3{left:2em;}
.slide_stars .s_star a.st3:hover{ left:0;z-index:2; width:3em;}
.slide_stars .s_star a.st4{left:3em;}
.slide_stars .s_star a.st4:hover{ left:0;z-index:2; width:4em;}
.slide_stars .s_star a.st5{left:4em;}
.slide_stars .s_star a.st5:hover{ left:0;z-index:2; width:5em;}
.slide_stars .s_star.current{ position:absolute; left:0; top:0; z-index:1; height:1em; font-size:11px; background:url(images/l_star.gif) 0 0 repeat-x;}
.slide_stars_l{ position:relative;  display:inline-block; *display:inline; *zoom:1; font-size:16px;vertical-align:middle;width:5em; height:1em; background:url(images/star.gif) 0 0 repeat-x;}
.slide_stars_l .s_star{ float:left;}
.slide_stars_l .s_star a{ position:absolute; z-index:30; display:block; width:1em; height:1em; font-size:16px; outline:none; text-indent:-999em;}
.slide_stars_l .s_star a:hover{ background:url(images/star.gif) 0 -16px repeat-x;}
.slide_stars_l .s_star a.st1{left:0;}
.slide_stars_l .s_star a.st1:hover{ z-index:2;}
.slide_stars_l .s_star a.st2{left:1em;}
.slide_stars_l .s_star a.st2:hover{ left:0;z-index:2; width:2em;}
.slide_stars_l .s_star a.st3{left:2em;}
.slide_stars_l .s_star a.st3:hover{ left:0;z-index:2; width:3em;}
.slide_stars_l .s_star a.st4{left:3em;}
.slide_stars_l .s_star a.st4:hover{ left:0;z-index:2; width:4em;}
.slide_stars_l .s_star a.st5{left:4em;}
.slide_stars_l .s_star a.st5:hover{ left:0;z-index:2; width:5em;}
.slide_stars_l .s_star.current{ position:absolute; left:0; top:0; z-index:1; height:1em; font-size:16px; background:url(images/star.gif) 0 -32px repeat-x;}

/*-- table wedget --*/
.general_tb{}
.general_tb th,
.general_tb td{ padding:5px; border:1px solid #d7d7d7;}
.general_tb tbody tr:hover{background:#fffff2;}
.general_tb tr.even{ background:#f8f8f8;}
.general_tb thead th{ height:19px; background:url(images/table_bg.png) 0 bottom repeat-x; color:#7d7c7c; font:12px/1.5em '\5b8b\4f53',sans-serif; white-space:nowrap;}
.general_tb td{ word-break:all;word-wrap:break-all;}
.general_tb0 th,.general_tb0 td{ padding:5px;}
.general_tb5 th,.general_tb5 td{ padding:2px;}

/* general_tb_class */
.general_tb_class th,
.general_tb_class td { border:1px solid #dbe7f4;}
.general_tb_class th { color:#0062A8; padding:20px 5px; background:url(images/table_th_bg.png) left bottom repeat-x; font:bold 12px/1.5em '\5b8b\4f53',sans-serif; white-space:nowrap;}
.general_tb_class td.bevell_list { color:#333; font-size:14px;}
.general_tb_class td { color:#5896C3; font-size:12px; padding:20px 15px; line-height:2em; word-break:all;word-wrap:break-all;}
.general_tb_class td.hasClass,
.general_tb_class td:hover { background:url(images/table_td_bg.png) left bottom repeat-x;}
.general_tb_class th.bevell { padding:0!important;}
.general_tb_class th.bevell .bevellBox { position:relative; padding:0;}
.general_tb_class th.bevell .bevellBox .th_lb { position:absolute; left:10px; top:30px; width:50%;}
.general_tb_class th.bevell .bevellBox .th_rt { position:absolute; top:10px; right:10px; width:50%;}
.general_tb_class th.bevell .bevellBox .line { display:block; width:100%; height:60px}

/*-- form --*/
.small_input,
.medium_input,
.full_input,
.custom_input{ border:1px solid #e1e1e1; padding:6px; font-size:12px; line-height:1.2em; vertical-align:middle; background:url(images/input_bg.png) repeat-x #fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; resize:none;}
.small_input{ width:20%;}
.medium_input{width:50%}
.full_input{ width:97.5%;}

/*-- type select widget --*/
.typeChoice_list{ display:block; zoom:1;}
.typeChoice_list:after{content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.typeChoice_list li{ float:left; display:inline; margin:0 5px 5px 0;}
.typeChoice_list li a{ padding:3px 5px; white-space:nowrap;}
.typeChoice_list li a:hover{ color:#00b7ee;}
.typeChoice_list li.cur a{ background:#00b7ee; color:#fff;}
.typeChoice_list li.cur a:hover{ color:#fff;}

/*-- tag widget --*/
.tagArea{ display:block; height:32px; border-bottom:1px solid #d6d6d6;}
.tagArea .tag_r{ float:right; line-height:32px;}
.tagArea .tag_l{ float:left; line-height:32px;}
.tagList{ float:left;}
.tagList li{ float:left; vertical-align:bottom; margin-right:5px;}
.tagList li a{ position:relative; top:1px; float:left; height:31px; padding-left:10px; border-bottom:1px solid #d6d6d6; background:url(images/tag_nav.png) 0 0 no-repeat;}
.tagList li a span{ float:left; display:inline; height:31px; font-size:12px; color:#888; line-height:31px; padding-right:10px; background:url(images/tag_nav.png) right -50px no-repeat; cursor:pointer;}

.tagList li a:hover { background-position:0 -100px;}
.tagList li a:hover span{ background-position:right -150px; color:#222;}
.tagList li.cur a { border-color:#fff; background-position:0 -100px;}
.tagList li.cur a span{ background-position:right -150px; font-weight:bold; color:#333;}
.tag_content{ margin-bottom:10px;}

/*-- photo text mix --*/
.imgTxt_list{ display:block; zoom:1;}
.imgTxt_list:after{ content:"."; display:block; visibility:hidden; height:0; clear:both;}
.imgTxt_list .ct{ text-align:center;}
.imgTxt_list.hr{ overflow:hidden;}
.imgTxt_list.hr li{ border-bottom:1px dashed #e1e1e1; margin-bottom:-1px;}
.imgTxt_list li{ float:left; width:100%;}
.imgTxt_list li .box{ display:block;zoom:1; padding:5px;}
.imgTxt_list li .box:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.imgTxt_list li .l{ float:left;display:block; margin-right:10px; line-height:1.8em;}
.imgTxt_list li .cnt{display:block; overflow:hidden; zoom:1; line-height:1.8em;}
.imgTxt_list li .s_head{ display:block; height:22px;}
.imgTxt_list li .s_head .h_tl{ float:left; font-size:14px; color:#1d77bc; font-weight:bold; line-height:22px;}
.imgTxt_list li .s_head .h_l{ float:left; line-height:22px;}
.imgTxt_list li .s_head .h_r{ float:right; line-height:22px;}
.part1 li{ width:100% !important;}
.part2 li{ width:50% !important;}
.part3 li{ width:33% !important;}
.part4 li{ width:25% !important;}
.part5 li{ width:20% !important;}
.part6 li{ width:16.6% !important;}
.part7 li{ width:14.28% !important;}
.part8 li{ width:12.5% !important;}
.part9 li{ width:11.1% !important;}
.part10 li{ width:10% !important;}

/*-- comments --*/
.review_list{ display:block;}
.review_box{ position:relative; display:block; margin-bottom:10px; zoom:1;}
.review_box:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_box .box_lt{ float:left; margin-right:10px; text-align:center; line-height:1.8em;}
.review_box .box_rt{ position:relative; padding-left:15px; overflow:hidden;zoom:1;}
.review_box .review_tri1{ position:absolute; top:10px; left:0; display:block; width:15px; height:30px; font-style:normal; font-size:30px; line-height:1em; color:#cfe4f1; overflow:hidden;}
.review_box .review_tri2{ position:absolute; top:10px; left:1px; display:block; width:15px; height:30px; font-style:normal; font-size:30px; line-height:1em; color:#f4f9ff; overflow:hidden;}
.review_main{ padding:5px; min-height:70px; height:auto !important; height:70px; color:#474747; font-size:14px; border:1px solid #cfe4f1; background:#f4f9ff;}
.review_head{ display:block; line-height:1.8em; border-bottom:1px dashed #e1e1e1; zoom:1;}
.review_head:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_head .h_l{ float:left; line-height:1.8em;}
.review_head .h_r{ float:right; line-height:1.8em;}
.review_foot{ display:block; padding-top:5px; line-height:1.2em; border-top:1px dashed #e1e1e1; zoom:1;}
.review_foot:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_foot .f_l{ float:left; line-height:1.2em;}
.review_foot .f_r{ float:right; line-height:1.2em;}
.review_content{ line-height:1.5em; word-break:break-all; word-wrap:break-word;}
.review_content p{ font-size:14px;}

/*-- list wedget --*/
.general_list{ display:block; font-size:14px; line-height:1.5em;}
.general_list a{ font-size:14px; line-height:1.5em;}
.general_list.nb li{ border-bottom:0 !important;}
.general_list.f12 a{ font-size:12px;}
.general_list.f12 .dot{ margin-top:7px !important;}
.general_list.f12 .tri{ margin-top:2px !important;}
.general_list a:hover{}
.general_list li{ vertical-align:bottom; padding:5px 0; border-bottom:1px dashed #e1e1e1; zoom:1;}
.general_list li:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.general_list li .list_main{ display:block; float:left;}
.general_list li .list_l{ float:left; overflow:hidden;}
.general_list li .list_r{ float:right; display:inline; margin-left:10px; font:14px/1.5em;}
.general_list li .tri{ float:left; display:inline; width:0.5em; margin:0px 5px 0 0; color:#474747; font-style:normal; font-size:12px; text-indent:-0.5em; overflow:hidden;}
.general_list li .dot{ float:left; display:inline; margin:9px 5px 0 0; width:3px; height:3px; background:#474747; overflow:hidden;}

.blank_list{ display:block; zoom:1; overflow:hidden;}
.blank_list:after{ content:"."; display:block; visibility:hidden; height:0 ; clear:both; overflow:hidden;}
.blank_list li{ float:left; display:inline; height:1em; padding-left:10px;  margin:0 10px 10px -1px; line-height:1.2em; border-left:1px solid #e1e1e1; white-space:nowrap;}

/*-- article module --*/
.article_area{ display:block;}
.article_tl{ text-align:center; font:21px/1.5em Microsoft YaHei,sans-serif;margin-bottom:10px;}
.article_info{ text-align:center; color:#474747; margin-bottom:10px;}
.article_info small{ color:#999; font-size:12px;}
.article_intro{ margin-bottom:10px; padding:10px; border:1px solid #e1e1e1; color:#999;}
.article_content p{ margin:10px 0; line-height:1.8em; font-size:14px; word-break:break-all; word-wrap:break-word;}
.article_content ol{ list-style:decimal; line-height:1.8em; margin:0 0 15px 30px; font-size:14px; }
.article_content li{ margin:10px 0;}
.article_content ol li{ list-style:decimal;}
.article_content ul{ list-style:disc; line-height:1.8em; margin:0 0 15px 30px;font-size:14px; }
.article_content ul li{ list-style:disc;}
.article_content h1,
.article_content h2,
.article_content h3,
.article_content h4,
.article_content h5,
.article_content h6{ font-family:Arial,Microsoft YaHei,'\5b8b\4f53',sans-serif;}
.article_content h1{ font-size:21px;}
.article_content h2{ font-size:18px;}
.article_content h3{ font-size:16px;}
.article_content h4{ font-size:14px;}
.article_content h5{ font-size:14px;}
.article_content h6{ font-size:14px;}
.article_content a{ text-decoration:underline; color:#1d77bc;}
.article_content a:hover{ color:#00a0e9; text-decoration:underline;}
.article_content table{ margin-bottom:1.5em;}
.article_content table th,
.article_content table td{ padding:10px; border:1px solid #e1e1e1;}
.article_content table thead th,
.article_content table thead td{ background:#f8fbfd; background:-moz-linear-gradient(50% 0 -90deg,#ffffff,#e4edf5); background:-webkit-gradient(linear,0 50%,0 100%,from(#ffffff),to(#e4edf5)); border-bottom:2px solid #c9dbee;}

.article_list{ display:block; margin-bottom:10px; line-height:1.8em;}
.article_list li{ color:#999;}
.article_toolbar_area{ display:block; word-spacing:20px; margin-bottom:10px; text-align:right;}
.article_toolbar_area .sc,
.article_toolbar_area .tc,
.article_toolbar_area .tj,
.article_toolbar_area .dy{ padding-left:20px; background:url(images/article_tool_nav.png) no-repeat;}
.article_toolbar_area .sc{ background-position:0 0;}
.article_toolbar_area .tc{ background-position:0 -50px;}
.article_toolbar_area .tj{ background-position:0 -100px;}
.article_toolbar_area .dy{ background-position:0 -150px;}
.article_user_effArea{ display:block;  margin-bottom:10px; text-align:center;}
.article_dingArea{ display:inline-block; width:172px; height:42px; color:#474747; margin:0 5px; padding:7px 10px; background:url(images/dc_nav.png) no-repeat;}
.article_dingArea:hover{ background-position:0 -100px; color:#474747;}
.article_dingArea .t1{ display:block; padding-left:20px; font-size:14px; color:#cc3300; text-align:left;}
.article_dingArea .t2{ display:block; text-align:left;}
.article_dingArea .rate_bar{ display:inline-block; width:102px; height:7px; font-size:0; line-height:0; margin:0 -1px; padding:0 1px; background:#eee;}
.article_dingArea .rate_bar i{ float:left; width:10%; height:5px; font-size:0; line-height:0; border:1px solid #e37f24; background:#ffc535;}

.article_caiArea{ display:inline-block; width:172px; height:42px; color:#474747; margin:0 5px; padding:7px 10px; background:url(images/dc_nav.png) 0 -200px no-repeat;}
.article_caiArea:hover{ background-position:0 -300px; color:#474747;}
.article_caiArea .t1{ display:block; padding-left:20px; font-size:14px; color:#3366cc; text-align:left;}
.article_caiArea .t2{ display:block; text-align:left;}
.article_caiArea .rate_bar{ display:inline-block; width:102px; height:7px; font-size:0; line-height:0; margin:0 -1px; padding:0 1px; background:#eee;}
.article_caiArea .rate_bar i{ float:left; width:10%; height:5px; font-size:0; line-height:0; border:1px solid #689acc; background:#94c0e4;}

.article_boxoff{ height:10px; margin-bottom:10px; background:url(images/boxoff.gif) 0 5px repeat-x; overflow:hidden;}
.article_boxoff i{ float:left; width:10px; height:10px; text-indent:-999em; background:url(images/boxoff.gif) 0 -10px no-repeat; overflow:hidden;}

/*-- article comments --*/
.article_comment{ margin-bottom:10px;}
.article_comment_head{ position:relative; width:100%;}
.article_comment_head .h_lt,
.article_comment_head .h_rt,
.article_comment_head .h_ct,
.article_comment_head .h_tl,
.article_comment_head .h_l,
.article_comment_head .h_r{ height:26px; line-height:26px;}
.article_comment_head .h_lt{ position:absolute; left:0; top:0; width:10px; background:url(images/article_comment_nav.png) no-repeat;}
.article_comment_head .h_rt{ position:absolute; right:0; top:0; width:10px; background:url(images/article_comment_nav.png) right 0 no-repeat;}
.article_comment_head .h_ct{ margin:0 10px; background:url(images/article_comment_nav.png) 0 -50px repeat-x;}
.article_comment_head .h_tl{float:left; font-size:14px; color:#333;}
.article_comment_head .h_l{ float:left;}
.article_comment_head .h_r{ float:right;}
.article_comment_content{ padding:10px;  border-left:1px solid #c0cfd6; border-right:1px solid #c0cfd6; border-bottom:1px solid #c0cfd6;background:#fff;}
.article_comment_list{ overflow:hidden;}
.article_comment_list .comment_box{ padding:10px 0; margin-bottom:-1px;  border-bottom:1px solid #e1e1e1; vertical-align:bottom; zoom:1;}
.article_comment_list .box_head,
.article_comment_list .box_head .h_l,
.article_comment_list .box_head .h_r{ height:1.8em; line-height:1.8em;}
.article_comment_list .box_head .h_l{ float:left;}
.article_comment_list .box_head .h_r{ float:right; color:gray;}

.face01_icon,
.face02_icon,
.face03_icon,
.face04_icon,
.face05_icon,
.face06_icon,
.face07_icon{ display:inline-block; vertical-align:middle; width:18px; height:18px; overflow:hidden; background:url(images/face_nav.png) no-repeat;}
.face01_icon{ background-position:0 0;}
.face02_icon{ background-position:0 -50px;}
.face03_icon{ background-position:0 -100px;}
.face04_icon{ background-position:0 -150px;}
.face05_icon{ background-position:0 -200px;}
.face06_icon{ background-position:0 -250px;}
.face07_icon{ background-position:0 -300px;}

.td_icon_good,
.td_icon_bad,
.td_icon_nav{ display:inline-block; vertical-align:middle; width:13px; height:13px; overflow:hidden; background:url(images/td_nav.png) no-repeat;}
.td_icon_good{ background-position:0 0;}
.td_icon_bad{ background-position:0 -50px;}
.td_icon_nav{ background-position:0 -100px;}

.article_issue_textrea{margin-bottom:10px; zoom:1;}
.article_issue_textrea blockquote{width:100%; padding:0; margin:0; background:none; font-size:12px; float:none;}
.article_issue_textrea .fix{ padding:0 4px;}
.article_issue_textrea textarea{ width:100%; margin:0 -4px;}

.issue_block{ zoom:1; margin-bottom:10px;}
.issue_block:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}

.light_tips_area{ margin-bottom:10px; padding:5px 5px 5px 25px; border:1px solid #e7c572; background:url(images/light_icon.png) 5px 5px no-repeat #fffef2;}

.noscript{ padding:5px 5px 5px 25px; border:1px solid #e7c572; background:url(images/no_script.png) 5px 5px no-repeat #fdf9ca;}

/*-- left layout --*/
.left_layout{zoom:1;}
.left_layout:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.left_layout .side{ float:left; display:inline; margin-right:10px; _margin-right:7px;}
.left_layout .main{ display:block; overflow:hidden; zoom:1;}

/*-- right layout --*/
.right_layout{ zoom:1;}
.right_layout:after{ content:"."; display:block; height:0;clear:both;overflow:hidden;}
.right_layout .side{ float:right; display:inline; margin-left:10px; _margin-left:7px;}
.right_layout .main{ display:block; overflow:hidden; zoom:1;}

/*-- 学习进度条 --*/
.progress {position:relative;height:12px;margin-left:10px;line-height:0;font-size:0;background:url(images/progress.png) 0 0 repeat-x;border:1px solid #ccc;z-index:2;}
.progressMin {position:absolute;left:0;top:0;height:12px;line-height:0;font-size:0;background:url(images/progress.png) 0 -12px repeat-x;}
.progressMin .tipPointer {position:absolute;right:-5px;top:18px;display:block;width:11px;height:11px;background:url(images/progress-tip.png) 0 0 no-repeat;}
.progressPro {position:absolute;left:0;top:0;height:12px;line-height:0;font-size:0;background:url(images/progress.png) 0 -24px repeat-x;}
.progressProNum {position:absolute;right:-52px;top:-4px;font:400 18px/1.2em arial;color:#00497c;}
.progressTip {position:relative;margin-top:15px;z-index:1;}
.progressTip .ctx {padding:5px;line-height:1.5em;background-color:#fefedc;border:1px solid #cfcab4;color:#474747;}
.topLeft_head,
.topRight_head,
.bottomRight_head,
.bottomLeft_head{position:absolute;width:3px;height:3px;display:block;background:url(images/progress-tip.png) no-repeat;overflow:hidden;} 
.topLeft_head{top:0;left:0;background-position:0 -12px;}
.topRight_head{top:0;right:0;background-position:right -12px;}
.bottomRight_head{bottom:0;right:0;background-position:right -17px;}
.bottomLeft_head{bottom:0;left:0;background-position:left -17px;}
